<template>
  <div class="">
    <input type="text" :value="value" @input="handler($event)" />
    <!-- 是原生的input框 -->
    <!-- 原生的input事件是只要在这个输入框中按下键盘 就会触发这个事件 -->
  </div>
</template>

<script>
export default {
  props: ["value"],
  data() {
    return {};
  },
  created() {},
  methods: {
    handler(e) {
      this.$emit("input", e.target.value);
      //   调用父组件传来的input事件，并且把输入的内容给父组件
    },
  },
  components: {},
};
</script>

<style lang="scss"></style>
